我糊了，我也更好看了！

那啥~

又来了！

话说我最近眼神有点不太好使，看什么东西都觉得有点模糊。

有句话叫做：设计来源于生活。那我们今天就来聊聊模糊在设计中有啥用。

连新手都知道，做设计产品图和标题字要大、要清晰。那模糊能做啥？用处还真的挺大的，听我慢慢给你说。

我们干货直接走起。

在设计中，模糊增加画面丰富度的一种常用的处理手法，它至少有三种用处。

 层次感 

模糊可以产生一种朦胧的感觉，这种若有若无的感觉可以增加视觉上的层次感，同时也不会对画面中的内容产生过大的干扰。

例如下图中，背景上模糊的爱心图案既丰富了画面，并且让整个画面看起来非常的简洁干净。

在界面设计中，也经常用利用模糊来增加画面的视觉层次感。

 空间感 

模糊能模拟出摄影中景深的感觉，使得画面前后的空间感变得更强。

例如下图中，模糊的花和叶子，与后面的产品形成前后的对比，增强了画面的空间感。

《银翼杀手》这张海报中，只有小人是清晰的，画面其它元素全是模糊的，把场景的前后空间关系交待得很清楚。

 氛围感 

模糊，就意味着看不清，而看不清恰好能给人想象空间。所以我们有时候想做出氛围感比较强的画面时，就可以尝试模糊的处理手法。

例如下面这张专辑封面，通过对人物的模糊处理，整个画面呈现出一种非常个性、自我的表达。

VOGUE这张海报也是一样，通过半透明的帘子将人物模糊掉，使得人物有种藏在暗处的感觉。

OK，理论部分就讲到这，关键是看怎么用对吧。

下面我们就直接动手，用实操案例给大家演示模糊都有哪些用法。

走起。

这是最常规的一种模糊用法。为了增加画面的层次感，我们会选择将几何元素，或者其它装饰性的元素模糊掉，用作背景或者装饰。

来看一个电商海报的实操案例。

第1步，

在页面上画两个矢量圆形。

第2步，

在属性面板中，将羽化值开大，这样产生了高斯模糊的效果，形成类似不规则渐变。

第3步，

将羽化后的图层打包成智能对象，然后点击 滤镜> CameraRaw滤镜，添加颗料效果。

第4步，

将产品图抠好，放进画面。

第5步，

原图中，为了不抢包包的风头，右下角的玫瑰花被处理成了白色。在我们的画面中需要把它还原成粉色，与背景上的粉色相呼应。

方法也很简单：在花朵上涂上粉色，然后将图层模式改为“滤色”即可。

第6步，

产品图处理好了之后，将文案信息编排好即可。

OK，

一张富有春天气息的海报就完工了！

通过模糊效果产生的背景，可以既让我们的画面保持简洁，同时在视觉上又不显得单调。因此这种处理方式被大量应用于实际的工作中。

好了，继续下一个。

一般来说，考虑到文字的辨识性，我们在设计中会尽量避免将使得文字变模糊。但是在某些应用场景中，将文字模糊掉，可以产生一种特殊的视觉效果。我们直接通过实操案例来展示。

案例二我们来做一张电影海报，通过将字体模糊，来表现一种悬疑紧张的氛围。

第1步，

在画面中打上标题大字，竖向排列。

第2步，

在黑色的背景上叠加一层破碎玻璃的纹理图，如下：

调整下角度，放到画面中是这样的效果：

第3步，

利用玻璃裂纹形成的区块，把文字划分为4块，将第一块和第三块进行模糊处理，同时改成红色，这样整个标题看起来就有了层次的变化。

第4步，

给标题文字叠加一层做旧的纹理，同时在玻璃块中嵌入剧照，烘托出电影紧张悬疑的氛围。

第5步，

将其它文字信息补充完整。

OK，

一张氛围感十足的电影海报就完成了！

需要说明的是，对文字进行模糊，我们需要把握好模糊程度，应当尽量保证文字的可辨识性。

好了，继续。

线条虽然体积感比较弱，但它的特点是有着很强的方向感，在模糊处理的时候，如果处理得当，可以产生很强的空间感。

下面我们通过一个酒的海报设计，来给大家演示下线条的模糊处理。

第1步，

抠好商品图，一前一后摆放，形成远近的空间感。

第2步，

找一张比较夸张的草书作品，贴到画面中。我选的是“草圣”张旭的《千字文》，风格极其狂放。

这里有同学可能会有疑问，这不是文字嘛，怎么会是线条呢？

从本质上来说，草书它就是一种脱离了实用性的线条艺术，所以我们把它当作线条看完全没问题。

第3步，

对书法文字进行二次的裁剪、布局，让它跟我们的产品形成空间关系。

第4步，

接下来就是画龙点睛的一步。

打开 滤镜> 模糊画廊 > 光圈模糊 ，对文字的局部进行模糊处理。

处理好之后的效果如下：

第5步，

最后，再调整下背景色，以及文字排版。

OK，

一张非常有艺术感的海报完工！

图片也是可以模糊的！在实际的工作中，有时候我们会对图片的局部模糊处理，来达到让画面的焦点突出，并且强化主题的作用。

最后一个案例，就让易洋千玺小哥哥登个场吧。

第1步，

当然是一张帅气的照片。

帅当然是帅，可是要做成电影海报，就需要呈现出故事性。接下来我们进一步加工。

第2步，

还是调出 滤镜> 模糊画廊 > 光圈模糊 ，我又要进行模糊大法了！

利用镜头模糊，将人物的其它部分糊掉，只保留脸部轮廓。得到的效果如下：

第3步，

我正好找到一张带有车窗的照片，透过玻璃可以看到外面是雨天。和我们海报需要的氛围感十分贴合，

经过视觉矫正和裁剪之后，去掉多余的元素，只保留车窗来和人像做合成。

第4步，

将车窗的图层模式改为“柔光”，这样车窗和人物就同时出来了，并且有一种朦胧、神秘的感觉。

第5步，

再将电影的文案编排好。

OK，完工！

通过模糊处理，虽然千玺小哥哥的人脸看不太清楚，但是得到了电影海报所需要的故事感。

好了，今天的教程内容就到这。

走了~

-------------------------

往期精华文章导读：

99年小伙的30岁焦虑。

三观震了，自己兼职需要给公司提成？

一个必胜客的小目标？

-END-

越努力，越幸运。

这里是庞门正道。